<template>
  <div class="p-3">
    <div class="mb-3"><h3 class="text-lg font-bold">商品详情</h3></div>
    <div>
      <el-descriptions class="margin-top" title="" :column="2" border>
        <el-descriptions-item v-for="(item, index) in data" :key="index">
          <template #label>
            <div class="cell-item">
              {{ item.label }}
            </div>
          </template>
          {{ item.value }}
        </el-descriptions-item>
      </el-descriptions>
      <div style="font-size: 0;" >
        <el-image v-for="(item, index) in images" :key="index" :src="item" lazy loading="lazy" alt=""/>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
const props = defineProps({
  product: Object,
});
const data = ref([
  {
    label: "品牌",
    value: "捷尼斯（GINIS）",
  },
  {
    label: "商品编号",
    value: "10125146700465",
  },
  {
    label: "店铺",
    value: "爱科运动专营店",
  },
  {
    label: "货号",
    value: "GINIS-777",
  },
  {
    label: "是否可折叠",
    value: "不可折叠",
  },
  {
    label: "车把类型",
    value: "弯把",
  },
  {
    label: "轮圈类型",
    value: "辐条轮",
  },
  {
    label: "山地车类型",
    value: "AM山地车",
  },
  {
    label: "车架类型",
    value: "硬尾车架",
  },
  {
    label: "车架材质",
    value: "高碳钢",
  },
  {
    label: "适用人群",
    value: "成人",
  },
  {
    label: "变速档位",
    value: "24速",
  },
  {
    label: "轮圈材质",
    value: "高碳钢",
  },
  {
    label: "制动系统",
    value: "线拉碟刹(手指力量制动)",
  },
  {
    label: "包装清单",
    value: "自行车*1",
  },
]);
    
const images = ref([
 "https://img10.360buyimg.com/imgzone/jfs/t1/223799/8/48768/143243/6734a29aF6c704edb/9a71e41e3ac79c76.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/163801/26/36563/315830/6734a25cFbfa03efa/5d4de7e9221360af.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/188680/14/55411/71900/67341053F0ef16850/e129c6f8f811c598.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/173052/16/46890/90667/67341052F41f2669c/a8207ada2b5e2a62.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/233945/15/28332/88285/67341052Fd3bdc726/f7cde6cfb720f055.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/196178/33/49825/60458/67341051F4862ac69/7d2cac578292d96c.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/225336/37/30001/3018/67341051F803c5cf7/6f33fb44cc0e43a7.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/195523/22/52497/56827/67340d9fF27da6aa5/8ec722bc182a0fe7.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/209489/28/48428/66879/67340d9fFbcd97a2a/e9c1128633bd9739.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/218600/26/47581/66124/67340da0F7f4dd196/064b8bbe463b1792.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/172529/19/50594/70663/67340da0F9734a29f/7e0470a0cb843b19.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/175653/35/49709/76179/67340da1Fa4d8a6d6/38ed9f4f8bbfd5c5.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/243155/4/24160/67757/67340e68Fb347c09a/54bfcdbd016770c4.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/202832/10/48301/72503/67340e69F09d70f52/e6769bdb4048fd3c.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/221816/24/47849/57569/67340e69F7570ae14/6235f0155e218290.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/157941/32/48655/61168/67340e69Fb1ddc59e/82f89ea7c3b922e2.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/229295/30/27871/57038/67340e6aF014c4172/92ba749e19998c21.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/177252/27/50529/64813/67340f46F52a86618/0be9c49959220184.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/199911/34/49799/64225/67340f4eF5195ed90/8709503f2c7564ea.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/243499/5/24248/74214/67340f58F9aa616b2/81dbc0ba90e79e0e.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/150977/1/34828/73513/67340f9fFf5b2b254/0d61034802dcb77e.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/184064/35/52508/65922/67340fa6F12c1ff43/e06e05665e7d0ac0.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/236513/25/25816/80253/67340facF7e42243f/36f6a9e1860b2f06.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/249662/37/24133/83221/67340fb3F5b843d1f/9153b5058005f2ca.jpg",
    
    "https://img10.360buyimg.com/imgzone/jfs/t1/163888/14/50628/69238/67340fb9F15076dfc/36cfe690788d5e1f.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/97751/38/52716/78971/67340fc0F81739eac/c5c0a0c8d11b6d98.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/249223/28/24236/75745/67340fc8F14ec1791/62d0f506f894705e.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/181299/25/52383/80760/67340fceF11437869/c360d5fbdc5d0cea.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/176197/7/50487/75745/67340fd6F129b2fcf/a8e60035592eed3b.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/217899/18/47830/59798/67340fdfF8e0b70da/058b7b17cf2d1b11.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/164396/34/51943/114453/67341086Fd57e4a71/1116a28808d0e3e8.png",
    "https://img10.360buyimg.com/imgzone/jfs/t1/235104/33/29658/149771/67341097F1198b4bd/4aee28b5323ce1d9.jpg",
    "https://img10.360buyimg.com/imgzone/jfs/t1/122843/3/51152/129793/67341097F065c13d2/1d1dff14a62c4491.jpg",
]);
</script>
